.root-box{
  background: url(../images/bg.png) no-repeat;
  background-size: cover;
  min-height: 100vh;

  .register-form {
    position: absolute;
    left: 50%;
    background: #fff;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
    width: 1040px;
    margin-left: -520px;
    margin-bottom: 100px;
    top: 200px;
    filter: alpha(opacity=90);
    box-shadow: 0 0 16px rgba(31,84,167,0.1);
    border: 2px solid #ecf0f5;

    .register-title {
      font-size: 30px;
      font-weight: 500;
      margin: 55px 0 60px 0;
      text-align: center;
      color: #666;
    }
  }

  a {
    outline: 0;
    color: #0270cf;
    text-decoration: none;
  }
}

.layout-logo-for-free-register {
  top: 106px;
}

.layout-logo {
  position: absolute;
  left: 45%;
  text-align: center;
  opacity: .6;
  filter: alpha(opacity=60);
  background: url(../../static/images/logo.gif) no-repeat;
  width: 260px;
  height: 56px;
  margin-left: -60px;
}

.show-login-tip-for-register-free-as-email {
  top: 717px;
}

.show-login-tip {
  position: absolute;
  left: 50%;
  text-align: center;
  margin-left: -65px;
  color: #9aa8b1;
}

.form-btn {
  margin-bottom: 50px;
  padding: 0 30px;
  margin: 20px 0;
  position: relative;

  button { 
    display: inline-block;
    width: 406px;
    height: 58px;
    line-height: 58px;
    padding: 0;
    text-align: center;
    background: #0071cf;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    color: #fff;
  }
}

.register-btn {
  text-align: center;

  input {
    height: 50px;
    line-height: 50px;
    width: 444px;
    padding: 1px 20px;
  }
}

#protocol-checkbox {
  vertical-align: -2px;
}

.btn-disabled {
  background-color: #ccc !important;
}